<template>
    <div id="tab-bar">
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: "TabBar"
    }
</script>

<style scoped>
    #tab-bar{display: flex;background-color: #f6f6f6;
        /*使其位置居于底部*/
        position: fixed;left: 0;right: 0;bottom: 0;
        /*给tab-bar的上面添加阴影*/
        box-shadow: 0 -3px 1px rgba(100,100,100,.2);
    }

</style>